/* Markdown预览样式 - 与创建题目页面保持一致 */
.markdown-preview {
  line-height: 1.6;
  font-size: 16px;
  /* 代码块样式 */
  pre {
    background-color: #f6f8fa;
    border: 1px solid #e1e4e8;
    border-radius: 6px;
    overflow: auto;
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 85%;
    
    code {
      background-color: transparent;
      padding: 0;
      border-radius: 0;
      font-size: 14px;
    }
  }
  
  /* 行内代码样式 */
  code {
    background-color: #f6f8fa;
    padding: 2px 4px;
    border-radius: 3px;
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 85%;
  }

/* 标题样式 */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25;
  }

  h1 {
    font-size: 2em;
    border-bottom: 1px solid #eaecef;
    padding-bottom: 0.3em;
  }

  h2 {
    font-size: 1.5em;
    border-bottom: 1px solid #eaecef;
    padding-bottom: 0.3em;
  }

  h3 {
    font-size: 1.25em;
  }

  h4 {
    font-size: 1em;
  }

  h5 {
    font-size: 0.875em;
  }

  h6 {
    font-size: 0.85em;
    color: #6a737d;
  }

/* 段落和列表样式 */
  p {
    margin-bottom: 16px;
  }

  ul,
  ol {
    margin-bottom: 16px;
    padding-left: 2em;
  }

  li {
    margin-bottom: 0.25em;
  }

  /* 表格样式 */
  table {
    border-collapse: collapse;
    margin-bottom: 16px;
    width: 100%;
    
    th,
    td {
      border: 1px solid #dfe2e5;
      padding: 6px 13px;
    }
    
    th {
      background-color: #f6f8fa;
      font-weight: 600;
    }
  }

/* 引用样式 */
  blockquote {
    border-left: 2px solid #dfe2e5;
    padding: 0 16px;
    color: #6a737d;
    margin: 16px;
  }

  /* 分割线样式 */
  hr {
    border: none;
    border-top: 1px solid #eaecef;
    margin: 24px 0;
  }

  /* 链接样式 */
  a {
    color: #0366d6;
    text-decoration: none;
    
    &:hover {
      text-decoration: underline;
    }
  }

  /* 图片样式 */
  img {
    max-width: 100%;
    height: auto;
    margin: 16px 0;
    display: block;
  }

/* 数学公式样式 */
  .katex-display {
    margin: 1em 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 8px 0;
  }

  .katex {
    font-size: 1.1em;
  }

  /* 强调文本样式 */
  strong {
    color: #1890ff;
    font-weight: 600;
  }
}

